<template>
  <a-config-provider :locale="language">

    <a-spin :spinning="this.$store.state.globalLoading" tip="加载中...">
      <a-icon slot="indicator" type="loading" style="font-size: 24px" spin />
      <div id="app" >
          <router-view></router-view>
      </div>
    </a-spin>
  </a-config-provider>
</template>

<script>
import zh_CN from 'ant-design-vue/lib/locale-provider/zh_CN'
import {Component, Vue} from "vue-property-decorator";
import moment from 'moment';
// import HelloWorld from './components/HelloWorld.vue'
moment.locale('zh-cn');
@Component
export default class App extends Vue {
      language = zh_CN;

      created(){
        document.body.style.cssText = `
        background: url(${require("@/assets/background.jpg")}) center no-repeat;
        background-size: cover;
        background-attachment: fixed;
      `
      }
}
</script>

<style>
#app {
  font-family: '微软雅黑','思源黑体','Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin:20px;

}
</style>
